<header class="header-wrapper clearfix">

    <div class="header" id="header">
        <div class="container">
            <div class="mag-content">
                <div class="row">
                    <div class="col-md-12">
                        <!-- Mobile Menu Button -->
                        <a class="navbar-toggle collapsed" id="nav-button" href="#mobile-nav">
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </a><!-- .navbar-toggle -->

                        <!-- Main Nav Wrapper -->
                        <nav class="navbar mega-menu">
                            <a class="logo" href="/" title="<?php echo e($settings_general->site_title); ?>"
                               rel="home">
                                <img src="<?php echo e($settings_general->logo_120); ?>"/>
                            </a><!-- .logo -->

                            <!-- Navigation Menu -->
                            <div class="navbar-collapse collapse">
                                <ul class="nav navbar-nav">

                                    <?php foreach($global_cats as $index => $cat): ?>

                                        <?php if($cat->show_in_menu == 1): ?>

                                            <?php if($cat->show_as_mega_menu == 1): ?>
                                                <li class="dropdown mega-full menu-color<?php echo e($index); ?>">
                                                    <a href="/category/<?php echo e($cat->slug); ?>" class="dropdown-toggle"
                                                       data-toggle="dropdown"
                                                       role="button" aria-expanded="false"><?php echo e($cat->title); ?></a>

                                                    <ul class="dropdown-menu fullwidth">
                                                        <li>
                                                            <!-- Tababble Menu -->
                                                            <div class="tabbable tab-hover tabs-left">
                                                                <ul class="nav nav-tabs tab-hover">
                                                                    <?php foreach($cat->sub_categories as $index => $sub_category): ?>
                                                                        <li>
                                                                            <?php if($index == 0): ?>
                                                                                <a href="#category_<?php echo e($sub_category->id); ?>"
                                                                                   data-href="/category/<?php echo e($cat->slug); ?>/<?php echo e($sub_category->slug); ?>"
                                                                                   data-toggle="tab"
                                                                                   class="first go_page"><?php echo e($sub_category->title); ?></a>
                                                                            <?php else: ?>
                                                                                <a href="#category_<?php echo e($sub_category->id); ?>"
                                                                                   data-href="/category/<?php echo e($cat->slug); ?>/<?php echo e($sub_category->slug); ?>"
                                                                                   data-toggle="tab"
                                                                                   class="go_page"><?php echo e($sub_category->title); ?></a>
                                                                            <?php endif; ?>
                                                                        </li>
                                                                    <?php endforeach; ?>
                                                                </ul>
                                                                <!-- .nav .nav-tabs .tab-hover -->

                                                                <div class="tab-content">

                                                                    <?php foreach($cat->sub_categories as $index => $sub_category): ?>
                                                                        <div class="tab-pane <?php echo e($index == 0?'active':''); ?>"
                                                                             id="category_<?php echo e($sub_category->id); ?>">
                                                                            <?php foreach($sub_category->mega_menu_posts as $post): ?>
                                                                                <div class="mega-menu-news">


                                                                                    <div class="mega-menu-img">

                                                                                        <?php if($post->render_type == \App\Posts::RENDER_TYPE_IMAGE || $post->render_type == \App\Posts::RENDER_TYPE_GALLERY): ?>
                                                                                            <a href="<?php echo e($post->slug); ?>">
                                                                                                <img class="entry-thumb"
                                                                                                     src="<?php echo e($post->featured_image); ?>"
                                                                                                     alt="<?php echo e($post->title); ?>"
                                                                                                     title="<?php echo e($post->title); ?>">
                                                                                            </a>
                                                                                        <?php endif; ?>

                                                                                        <?php if($post->render_type == \App\Posts::RENDER_TYPE_VIDEO): ?>
                                                                                            <figure class="image-overlay">
                                                                                                <?php echo $post->video_embed_code; ?>

                                                                                            </figure>
                                                                                        <?php endif; ?>


                                                                                    </div>
                                                                                    <!-- .mega-menu-img-->

                                                                                    <div class="mega-menu-detail">
                                                                                        <h4 class="entry-title">
                                                                                            <a href="<?php echo e($post->slug); ?>"><?php echo e($post->title); ?></a>
                                                                                        </h4><!-- .entry-title -->

                                                                                        <?php if($post->rating_box == 1): ?>
                                                                                            <p class="simple-share">
                                                                                        <span class="read_only_raty"
                                                                                              data-score="<?php echo e($post->average_rating); ?>"></span>
                                                                                            </p><!-- .simple-share -->
                                                                                        <?php endif; ?>
                                                                                    </div>
                                                                                    <!-- .mega-menu-detail-->

                                                                                </div>
                                                                            <?php endforeach; ?>
                                                                        </div>
                                                                    <?php endforeach; ?>
                                                                </div>

                                                            </div>
                                                        </li>
                                                    </ul>
                                                </li>
                                            <?php else: ?>
                                                <li class="dropdown menu-color<?php echo e($index); ?>">
                                                    <?php if(sizeof($cat->sub_categories) > 0): ?>
                                                        <a href="/category/<?php echo e($cat->slug); ?>" class="dropdown-toggle"
                                                           data-toggle="dropdown" role="button"
                                                           aria-expanded="false"><?php echo e($cat->title); ?></a>
                                                    <?php else: ?>
                                                        <a href="/category/<?php echo e($cat->slug); ?>" <?php echo e(sizeof($cat->sub_categories) > 0 ? 'class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"':''); ?>><?php echo e($cat->title); ?></a>
                                                    <?php endif; ?>


                                                    <ul class="dropdown-menu">
                                                        <?php foreach($cat->sub_categories as $sub_cat): ?>
                                                            <li>
                                                                <a href="/category/<?php echo e($cat->slug); ?>/<?php echo e($sub_cat->slug); ?>"><?php echo e($sub_cat->title); ?></a>
                                                            </li>
                                                        <?php endforeach; ?>
                                                    </ul>
                                                </li>


                                            <?php endif; ?>

                                        <?php endif; ?>

                                    <?php endforeach; ?>

                                </ul>
                                <!-- .nav .navbar-nav -->
                            </div>
                            <!-- .navbar-collapse -->              <!-- End Navigation Menu -->

                            <div class="header-right">
                                <div class="social-icons">
                                    <?php if(strlen($settings_social->fb_page_url) > 0): ?>
                                        <a href="<?php echo e($settings_social->fb_page_url); ?>" data-toggle="tooltip"
                                           data-placement="bottom" title="Facebook"><i
                                                    class="fa fa-facebook fa-lg"></i></a>
                                    <?php endif; ?>

                                    <?php if(strlen($settings_social->twitter_url) > 0): ?>
                                        <a href="<?php echo e($settings_social->twitter_url); ?>" data-toggle="tooltip"
                                           data-placement="bottom" title="Twitter"><i
                                                    class="fa fa-twitter fa-lg"></i></a>
                                    <?php endif; ?>

                                    <?php if(strlen($settings_social->google_plus_page_url) > 0): ?>
                                        <a href="<?php echo e($settings_social->google_plus_page_url); ?>" data-toggle="tooltip"
                                           data-placement="bottom" title="Google+"><i
                                                    class="fa fa-google-plus fa-lg"></i></a>
                                    <?php endif; ?>

                                    <?php if(strlen($settings_social->skype_username) > 0): ?>
                                        <a href="skype:<?php echo e($settings_social->skype_username); ?>" data-toggle="tooltip"
                                           data-placement="bottom" title="Skype"><i
                                                    class="fa fa-skype fa-lg"></i></a>
                                    <?php endif; ?>

                                    <?php if(strlen($settings_social->youtube_channel_url) > 0): ?>
                                        <a href="<?php echo e($settings_social->youtube_channel_url); ?>" data-toggle="tooltip"
                                           data-placement="bottom" title="Youtube"><i
                                                    class="fa fa-youtube fa-lg"></i></a>
                                    <?php endif; ?>

                                    <?php if(strlen($settings_social->vimeo_channel_url) > 0): ?>
                                        <a href="<?php echo e($settings_social->vimeo_channel_url); ?>" data-toggle="tooltip"
                                           data-placement="bottom" title="vimeo"><i
                                                    class="fa fa-vimeo fa-lg"></i></a>
                                        <?php endif; ?>

                                                <!-- Only for Fixed Sidebar Layout -->
                                        <a href="#" class="fixed-button navbar-toggle" id="fixed-button">
                                            <i></i>
                                            <i></i>
                                            <i></i>
                                            <i></i>
                                        </a><!-- .fixed-button -->
                                </div>
                                <!-- .social-icons -->
                            </div>
                            <!-- .header-right -->

                        </nav>
                        <!-- .navbar -->

                        <div id="sb-search" class="sb-search">
                            <form action="/search" method="GET">
                                <input class="sb-search-input" placeholder="Enter your search text..." type="text"
                                       value="" name="search" id="search">
                                <input class="sb-search-submit" type="submit" value="">
                                    <span class="sb-icon-search fa fa-search" data-toggle="tooltip"
                                          data-placement="bottom" title="Search"></span>
                            </form>
                        </div>
                        <!-- .sb-search -->            </div>
                </div>
            </div>
            <!-- .mag-content -->
        </div>
        <!-- .container -->
    </div>
    <!-- .header -->

</header>